<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>换届详情</title>
  <link rel="stylesheet" href="./../../yl/index.css" />
  <!-- 布局样式 -->
  <link rel="stylesheet" href="./../../yl/mobile.css" />
  <link rel="stylesheet" href="../../yl/easyui.css" />
  <link rel="stylesheet" href="../../yl/icon.css" />
  <style>
    html,
    body {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    .borderless-input .el-input__wrapper {
      border: none !important;
      box-shadow: none !important;
      background: transparent !important;
    }

    /* 移除聚焦状态样式 */
    .borderless-input .el-input__wrapper.is-focus {
      box-shadow: none !important;
    }

    .el-select__wrapper {
      border: none !important;
      box-shadow: none !important;
      background: transparent !important;
    }

    /* 控制 el-descriptions-item 中 label 的宽度 */
    .el-descriptions-item__label {
      width: 50px !important;
      /* 你可以根据需要调整这个宽度值 */
      display: inline-block !important;
    }

    .botton-ann {
      background-color: #eff5ff 0, #e0ecff 100%;
      padding: 8px;
      gap: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .upload_file.none .el-upload {
      display: none;
    }
    .table_titel {
      margin: 0 15px;
      height: 16px;
      line-height: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .table_titel .titel {
      font-weight: bold;
    }

    .form-operation {
      width: 100%;
      padding: 20px;
      position: fixed;
      bottom: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.555);
      box-shadow: 0 0 6px 1px #8c939d;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 999;
    }
  </style>
</head>

<body>
  <!-- <div id="app"> -->
  <div class="easyui-navpanel" id="app">
    <header>
      <div class="m-toolbar">
        <div class="m-title">添加换届领导班子</div>
      </div>
    </header>
    <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px"
      id="MainTable" ref="MainTable"
      :data-options="JSON.stringify({ 'TableName': 'personal_information', 'form': 'dataForm','primary_key':'ID_Card_Number' })">
      
      <div id="ChildTable">
        <div class="table_titel">
          <div class="titel"></div>
        </div>
        <el-descriptions
          :data-options="JSON.stringify({ 'TableName': 'personal_education_status', 'form': 'childDataForm', 'ParentTableName': 'personal_information'})"
          :column="2" size="large" border v-for="(item,index) in childDataForm.filter(item => item.Row_Status != '1')"
          :key="index">
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">书记</div>
            </template>
            <el-input ref="party_organization_tenure_member" v-model="item.Graduation_School" class="borderless-input"
              placeholder="请输入姓名" />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">就职日期</div>
            </template>
            <el-date-picker v-model="item.Accession_Date" format="YYYY-MM-DD"
              value-format="YYYY-MM-DD" class="borderless-input" type="date" placeholder="请选择就职日期"
              size="large"></el-date-picker>
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">当选日期</div>
            </template>
            <el-date-picker v-model="item.Election_Date" format="YYYY-MM-DD"
              value-format="YYYY-MM-DD" class="borderless-input" type="date" placeholder="请选择当选日期"
              size="large"></el-date-picker>
          </el-descriptions-item>
        </el-descriptions>
      </div>
      
      <div id="ChildTable">
        <div class="table_titel">
          <div class="titel"></div>
        </div>
        <el-descriptions
          :data-options="JSON.stringify({ 'TableName': 'personal_education_status', 'form': 'childDataForm', 'ParentTableName': 'personal_information'})"
          :column="2" size="large" border v-for="(item,index) in childDataForm.filter(item => item.Row_Status != '1')"
          :key="index">
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">副书记</div>
            </template>
            <el-input ref="party_organization_tenure_member" v-model="item.Graduation_School" class="borderless-input"
              placeholder="请输入姓名" />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">就职日期</div>
            </template>
            <el-date-picker v-model="item.Accession_Date2" format="YYYY-MM-DD"
              value-format="YYYY-MM-DD" class="borderless-input" type="date" placeholder="请选择就职日期"
              size="large"></el-date-picker>
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">当选日期</div>
            </template>
            <el-date-picker v-model="item.Election_Date2" format="YYYY-MM-DD"
              value-format="YYYY-MM-DD" class="borderless-input" type="date" placeholder="请选择当选日期"
              size="large"></el-date-picker>
          </el-descriptions-item>
        </el-descriptions>
      </div>
      
      <div id="ChildTable">
        <div class="table_titel">
          <div class="titel"></div>
        </div>
        <el-descriptions
          :data-options="JSON.stringify({ 'TableName': 'personal_education_status', 'form': 'childDataForm', 'ParentTableName': 'personal_information'})"
          :column="2" size="large" border v-for="(item,index) in childDataForm.filter(item => item.Row_Status != '1')"
          :key="index">
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">宣传委员</div>
            </template>
            <el-input ref="party_organization_tenure_member" v-model="item.Graduation_School" class="borderless-input"
              placeholder="请输入姓名" />
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">就职日期</div>
            </template>
            <el-date-picker v-model="item.Accession_Date3" format="YYYY-MM-DD"
              value-format="YYYY-MM-DD" class="borderless-input" type="date" placeholder="请选择就职日期"
              size="large"></el-date-picker>
          </el-descriptions-item>
          <el-descriptions-item>
            <template #label>
              <div class="cell-item">当选日期</div>
            </template>
            <el-date-picker v-model="item.Election_Date3" format="YYYY-MM-DD"
              value-format="YYYY-MM-DD" class="borderless-input" type="date" placeholder="请选择当选日期"
              size="large"></el-date-picker>
          </el-descriptions-item>
        </el-descriptions>
      </div>
      
    </div>
    <footer class="botton-ann">
      <el-button @click="goBack">返回</el-button>
      <el-button type="primary" plain @click="handleSubmit" :loading="loading">提交</el-button>
    </footer>
  </div>
</body>
<script src="../../yl/vue.js"></script>
<script src="../../config/config.js"></script>
<script src="../../utils/utils.js"></script>
<script src="../../utils/mixins.js"></script>
<script src="../../yl/index.js"></script>
<script src="../../yl/index.iife.min.js"></script>
<script src="../../yl/jquery.min.js"></script>
<script src="../../utils/jquery.cookie.js"></script>
<script src="../../yl/zh-cn.mjs"></script>
<script src="../../yl/jquery.easyui.min.js"></script>
<script src="../../yl/jquery.easyui.mobile.js"></script>
<script src="../../yl/moment.min.js"></script>
<script src="../../api/request.js"></script>
<script src="./js/leaderAdd.js"></script>

</html>